---
image: /generated/articles-docs-resources.png
title: List of resources
crumb: 'Ecosystem'
---

This list tries to compile all templates, libraries, building blocks and examples in one place. Add more to the list by clicking the "Improve this page" button below!

## Templates

- Hello World (TypeScript) ([Source code](https://github.com/remotion-dev/template-helloworld), [Preview](https://remotion-helloworld.vercel.app/))
- Hello World (JavaScript) ([Source code](https://github.com/remotion-dev/template-helloworld-javascript), [Preview](https://template-helloworld-javascript.vercel.app/))
- Blank ([Source code](https://github.com/remotion-dev/template-empty), [Preview](https://template-empty.vercel.app/))
- React Three Fiber ([Source code](https://github.com/remotion-dev/template-three), [Preview](https://template-three-remotion.vercel.app/))
- Stills ([Source code](https://github.com/remotion-dev/template-still), [Preview](https://template-still.vercel.app/))
- Text-to-Speech Template (Azure) ([Source code](https://github.com/FelippeChemello/Remotion-TTS-Example))
- Text-to-Speech Template (Google) ([Source code](https://github.com/thecmdrunner/remotion-gtts-template))
- Audiogram ([Source code](https://github.com/remotion-dev/template-audiogram))
- Music Visualization ([Source code](https://github.com/remotion-dev/template-music-visualization))
- Skia ([Source code](https://github.com/remotion-dev/template-skia))
- [Hello World Template with pull request video previews](https://github.com/stoat-dev/example-remotion)
- [Library starter template with best practices](https://github.com/remotion-dev/library-starter)
- Video Editor & Timeline Component (Next.js, Tailwind CSS) ([Source Code](https://github.com/sambowenhughes/a-react-video-editor), [Preview](https://www.reactvideoeditor.com/open-source?utm_source=remotion))
- [Free Remotion Components](https://www.clippkit.com/)
- Docker Build & Render ([Source code](https://github.com/scotthavird/remotion-docker-template))
- [Template for deploying Remotion on Railway](https://railway.com/deploy/remotion-on-rails) ([Blog](https://medium.com/@viveknathani/remotion-on-rails-0852acc9595e))

## SaaS starter Kits

- [React Router 7 template](https://github.com/remotion-dev/template-react-router)
- [Next.js template](https://github.com/remotion-dev/template-next)

## Integrations

- [React Three Fiber](/docs/three)
- [Skia](/docs/skia)
- [Google Fonts](/docs/google-fonts)
- [Figma](/docs/figma)
- [Lottie](/docs/lottie)
- [spline.design](/docs/spline)
- [After Effects](/docs/after-effects)
- [Rive](/docs/rive)
- [GIFs](/docs/gif)

## Effects

- [Motion Blur](/docs/motion-blur)
- [Noise](/docs/noise)
- [Path animations](/docs/paths)

## Players

- [Remotion Player](/docs/player)
- [Vidstack Player](https://www.vidstack.io/docs/player/getting-started/installation/react?provider=remotion&styling=default-layout)

## Animation helpers

- [Remotion Animated](https://www.remotion-animated.dev/)
- [remotion-transition-series](https://github.com/marcusstenbeck/remotion-transition-series)
- [remotion-time](https://github.com/fwextensions/remotion-time) - use `seconds` as a time unit instead of `frame`
- [Spring Editor](https://springs.remotion.dev)
- [remotion-animate-text](https://github.com/pskd73/remotion-animate-text)
- [remotion-subtitle](https://github.com/ahgsql/remotion-subtitles) - Captioning helpers and styles

## Full projects

- [GitHub Unwrapped 2023 + 2024](https://github.com/remotion-dev/github-unwrapped)
- [GitHub Unwrapped 2022](https://github.com/remotion-dev/github-unwrapped-2022)
- [GitHub Unwrapped 2021](https://github.com/remotion-dev/github-unwrapped-2021)
- [Podcast Maker](https://github.com/FelippeChemello/podcast-maker)
- [Stargazer](https://github.com/pomber/stargazer)
- [MapSnap](https://remotion.pro) _(exclusive for Company License subscribers)_
- [Mockoops](https://github.com/Just-Moh-it/Mockoops)
- [Product Hunt Today](https://github.com/Kamigami55/product-hunt-today)
- [Remotion Weather](https://github.com/florentpergoud/remotion-weather)
- [Rewind Table](https://github.com/gregonarash/rewind-table) _(Airtable templates for Remotion)_
- [Conference Speaker Announcement Cards](https://github.com/lyonjs/social-video-generator)
- [Motionly.video](https://github.com/karelnagel/motionly)
- [DataVids](https://github.com/apsquared/datavids_public)
- [Bar race chart](https://github.com/hylarucoder/remotion-bar-race-chart)
- [Captioning and background removal with Sieve](https://github.com/sieve-community/auto-reel-edit)

## Examples

- Music with Tone.JS ([Source code](https://github.com/remotion-dev/tone-js-example), [Preview](https://tone-js-example.vercel.app/))
- Animate .glb models ([Source code](https://github.com/remotion-dev/glb-example), [Preview](https://glb-example.vercel.app/))
- Typewriter effect ([Source code](https://github.com/remotion-dev/typewriter), [Preview](https://typewriter-remotion.vercel.app/))
- D3.js example ([Source code](https://github.com/remotion-dev/d3-example), [Preview](https://d3-example-remotion.vercel.app/))
- Greenscreen Effect ([Docs](/docs/video-manipulation))
- Noise visualization ([Docs](/docs/noise-visualization))
- Audio visualization ([Docs](/docs/audio/visualization))
- 3D Text ([Source code](https://github.com/remotion-dev/3d-text), [Preview](https://3d-text-remotion.vercel.app/))
- Wavy TikTok Effect ([Source code](https://github.com/JonnyBurger/wavy-meme))
- Apple "Spring loaded" animation ([Source code](https://github.com/JonnyBurger/spring-loaded))
- Three.js particles animation ([Source code](https://github.com/JonnyBurger/three-particles), [Preview](https://three-particles-remotion.vercel.app/))
- Text morphing ([Source code](https://github.com/remotion-dev/morph-text), [Preview](https://morph-text-remotion.vercel.app/))
- Text warping ([Source code](https://github.com/remotion-dev/text-warping), [Preview](https://text-warping.vercel.app/?/Promo))
- Animate GLTF models ([Source code](https://github.com/remotion-dev/remotion-three-gltf-example), [Preview](https://remotion-three-gltf-example.vercel.app/))
- OpenGL transitions ([Source code](https://github.com/remotion-dev/remotion-gl-transitions), [Preview](https://remotion-gl-transitions.vercel.app/))
- Conference talk in React ([Source code](https://github.com/pomber/record-talk-with-remotion))
- Conference talk in React #2 ([Source code](https://github.com/JonnyBurger/react-summit-talk))
- Twitch stinger example ([Source code](https://github.com/JonnyBurger/ledevevent-stinger))
- DevContainer Template ([Source code](https://github.com/openscript/remotion-devcontainer-template))
- Anime.js example ([Source code](https://github.com/remotion-dev/anime-example), [Preview](https://anime-example-remotion.vercel.app/))
- Mapbox example ([Source code](https://github.com/remotion-dev/mapbox-example))
- Shader example ([Source code](https://github.com/onion2k/a-roll))
- Jump cuts without re-mounting ([Source code](https://github.com/remotion-dev/video-with-jump-cuts), [Preview](https://video-with-jump-cuts.vercel.app/))
- CSS animations ([Source code](https://github.com/remotion-dev/css-animation-play-state), [Preview](https://css-animation-play-state.vercel.app/))
- Globe.gl example ([Source code](https://github.com/alexfernandez803/remotion-globegl))
- Measuring the size of a DOM node ([Source code](https://github.com/remotion-dev/measure-item), [Preview](https://measure-item.vercel.app/))
- Light-leak Transition ([Source code](https://github.com/remotion-dev/light-leak-example), [Preview](https://light-leak-example.vercel.app/))
- 12+ Remotion Examples ([Preview](https://remotion-example.vercel.app/))
- Pool game with Matter.js ([Source code and Preview](https://github.com/hylarucoder/remotion-physics))

## Components

- Free Remotion Animations & Effects ([Source Code](https://github.com/reactvideoeditor/remotion-templates), [Preview](https://www.reactvideoeditor.com/remotion-templates?utm_source=remotion))
- [TikTok Text Box](https://github.com/KyleTryon/TikTokTextBox)

## Videos

See the [Showcase](/showcase) for videos made with Remotion.

## Tutorials

- [Spotify Wrapped](https://www.youtube.com/watch?v=I-y_5H9-3gk&t=86s)
- [Programmatic Stories](https://www.youtube.com/watch?v=70UdF6DWY3M&t=6s)
- [Basketball Tracker](https://www.youtube.com/watch?v=A8miHLSf_BI&t=77s)
- [Formula 1 Graphics](https://www.youtube.com/watch?v=sA-X0Bw_7Gg&t=146s)
- [Remotion Skia Tutorial](https://www.youtube.com/watch?v=-7MOoWN2_nk)
- [Fireship: Remotion Tutorial](https://www.youtube.com/watch?v=deg8bOoziaE&t=3s)
- [CRT effect](https://www.youtube.com/watch?v=-7MOoWN2_nk)
- ["Create videos with Code" by Prismic](https://prismic.io/blog/create-videos-with-code-remotion-tutorial)
- [Integrate GreenSock with Remotion](https://archive.ph/dGQ19)
- [DVD Screensaver Tutorial](https://www.youtube.com/watch?v=n69siyttEwM)
- [Remotion Tutorial by Alfonso Graziano](https://www.youtube.com/watch?v=r4v1J7ozxIg)
- [Timing animations](https://www.youtube.com/watch?v=WigIALCnEvw)
- ["Create a video from a podcast with Remotion and AI"](https://www.youtube.com/watch?v=EGxBBL91nRM)
- [Football Graphics](https://www.youtube.com/watch?v=BI8IWwaDt8s)

## Blog posts

- [Integrating Anime.js with Remotion](https://revidcraft.com/posts/remotion-part-02)

## Tooling

- [VS Code extension](https://marketplace.visualstudio.com/items?itemName=KarelNagel.remotion-vscode)
- [GIF Pull request previews](https://github.com/stoat-dev/example-remotion)
- [Loading compositions remotely](https://github.com/musafiroon/remotion-remote-composition)

## Hacks

- [GitHub Actions Matrix renderer](https://github.com/yuvraj108c/Remotion-Matrix-Renderer)
- [WebKit renderer](https://iosexample.com/using-wkwebview-as-a-faster-alternative-for-rendering-remotion-compositions/)
- [Rustymotion - Rust renderer](https://github.com/clearlysid/rustymotion)
- [Side-by-side editor](https://www.loom.com/share/7b2aa7fe14c04e858838f137ed19dfd8)

## Humans

- [Experts](/experts)
- [Support](/docs/support)
- [Success Stories](/success-stories)

## Products

- [Typeframes](https://www.typeframes.com)
- [ClipPulse](https://www.clippulse.com/)
- [Augie](https://www.meetaugie.com/)
- [Hackreels](https://www.hackreels.com/)
- [AnimStats](https://www.animstats.com/)
- [Content Studio AI](https://contentstudioai.com/)
- [HeySam, the AI Sales Engineer](https://www.heysam.ai/)
- [Frameloop AI](https://www.frameloop.ai/)
- [aicut - Faceless Videos](https://www.aicut.pro/)

## See also

- [Remotion GitHub topic](https://github.com/topics/remotion)
- [#resources and #showcase channel on Discord](https://remotion.dev/discord)

Many resources in our documentation were left out from this list to avoid too much redundancy.  
[Search](/search) the documentation to see if we have an article on what you are looking for!
